<template>
	<view>
		<!--<uni-nav-bar fixed left-icon="back" title="支付成功" @clickLeft="clickLeft()"></uni-nav-bar>-->
		<view class="content">
			<uni-icons class="success-icon" type="checkbox-filled" color="#11a5eb" size="160"></uni-icons>
			<text class="tit">支付成功</text>

			<view class="btn-group">
				<navigator url="/pagesA/card/exitCode" open-type="redirect" class="mix-btn" v-if="id != 1">查看出场码</navigator>
				<!-- <navigator url="/pagesA/order/order" open-type="redirect" class="mix-btn hollow">查看订单</navigator> -->
				<!--<view class="mix-btn hollow" @tap="goTo">查看订单</view>-->
			</view>
		</view>
	</view>
</template>

<script>
	import uniIcons from '@/components/uni-icons/uni-icons.vue'
	
	export default {
		name: 'paySuccess',
		components: {
			uniIcons
		},
		data() {
			return {
				id: undefined
			}
		},
		onLoad(options) {
			this.id = options.id
		},
		methods: {
			goTo() {
				if(this.id != 1) {
					uni.navigateTo({
						url: '/pagesA/order/order'
					})
				} else {
					uni.navigateTo({
						url: '/pagesA/myticket/myticket'
					})
				}
			},
            clickLeft() {
                uni.navigateBack()
            }
		}
	}
</script>

<style lang='scss'>
	.content{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.success-icon{
		margin-top: 100rpx;
	}
	.tit{
		font-size: 38rpx;
		color: #303133;
	}
	.btn-group{
		padding-top: 100rpx;
	}
	.mix-btn {
		margin-top: 30rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 600rpx;
		height: 80rpx;
		font-size: $uni-font-size-lg;
		color: #fff;
		background-color: $uni-color-primary;
		border-radius: 10rpx;
		&.hollow{
			background: #fff;
			color: #303133;
			border: 2rpx solid #ccc;
		}
	}
</style>
